body{padding:0;border:0; margin:0;font-size: 14px;font-weight: normal; color: #333;}
div,form,img,ul,ol,li,dl,i,u,span,dt,dd,em,i,h1,h2,h3,h4,p{ padding:0; border:0;margin:0;list-style:none;font-style:normal;}
a{text-decoration:none; color:#333; outline:none; cursor:pointer}
a:hover{ text-decoration: none;}
ul,li{list-style: none}
h2,h3{text-overflow: ellipsis; white-space: normal; font-weight: normal;}
img{vertical-align: bottom;}

/* 返回顶部 start*/
.roof {
	z-index: 1000;
	display: none;
	position: fixed;
	bottom: 30%;
	right: 20px;
	transform: translateY(-50%);
}
.roof>i {
	display: block;
	font-size: 42px;
	color: #666;
	cursor: pointer;
	transition: all .5s;
}
.roof:hover i {
	transform: translateY(-10px);
	color: #4F9BC1;
}
/* 返回顶部 end */

/* 头部 start */
header {
	z-index: 10;
	position: absolute;
	width: 100%;
	height: 80px;
	background-color: rgba(0,0,0,.5);
}
.w {
	width: 95%;
	height: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
header .w {
	display: flex;
	align-items: center;
}
.logo {
	width: 30%;
}
.logo img {
	width: 100%;
}
nav {
	width: 70%;
}
nav>ul {
	display: flex;
	height: 100%;
}
nav>ul>li {
	width: 20%;
	line-height: 80px;
	text-align: center;
}
nav>ul>li:hover .nav_classify {
	display: block;
}
.nav_classify {
	position: absolute;
	display: none;
	width: 100%;
	height: 60px;
	left: 0;
	line-height: 60px;
	background-color: rgba(255,255,255,.5);
}
.nav_classify>a {
	padding: 0 15px;
	text-align: center;
	/* color: #000; */
}
nav>ul>li>a {
	display: block;
	color: #fff;
}
nav>ul>li a:hover {
	color: #8bbad1;
}
.logo h1 {
	font-size: 0;
}
.logo a {
	display: block;
	width: 40%;
	color: #8bbad1;
	font-size: 36px;
}
.corl_b {
	color: #8bbad1;
}
.more_nav {
	position: absolute;
	display: none;
	top: 55%;
	transform: translateY(-50%);
	right: 20px;
}
.more_nav span {
	display: block;
	width: 30px;
	height: 2px;
	margin: 8px 0;
	background-color: #4F9BC1;
	transition: all .5s;
}
.programa {
	position: absolute;
	display: none;
	left: 0;
	width: 100%;
	padding: 0 10px;
	padding-bottom: 30px;
	/* background-color: rgba(0,0,0,.7); */
	background-color: #444;
	box-sizing: border-box;
}
.programa>li {
	/* height: 60px; */
	line-height: 60px;
	border-bottom: 1px solid #cecbcb;
}
.r {
	position: relative;
	padding-left: 10px;
}
.programa>li a {
	color: #fff;
}
.dot {
	position: absolute;
	display: block;
	top: 22px;
	right: 20px;
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	border-left-color: transparent;
	border-bottom-color: transparent;
	transform: rotate(45deg);
	cursor: pointer;
	transition: all .3s;
}
.secondary {
	display: none;
}
.secondary>li {
	border-top: 1px solid #d3d3d36e;
}
.secondary>li a {
	padding-left: 20px;
}
/* 头部 end */
/* 底部 start */
footer {
	position: relative;
	/* height: 300px; */
	margin-top: 60px;
	background: url(/images/footer_bg.jpg);
}
footer>.w {
	position: relative;
}
.navigation {
	padding-top: 60px;
}
.navigation a {
	color: #fff;
}
.navigation a:hover {
	text-decoration: revert;
}
.navigation span {
	padding: 0 15px;
	color: #fff;
}
.relation {
	/* padding-top: 20px; */
	padding: 20px 0;
}
.relation  p>i {
	font-size:22px;
}
.relation p>.icon-dianhua {
	vertical-align: -2px;
}
.relation p>.icon-youxiang {
	font-size: 15px;
}
.relation p>.icon-dizhi {
	font-size: 18px;
}
.relation  p>span {
	padding-left: 5px;
}
.relation p {
	padding-bottom: 15px;
	color: #fff;
	font-size: 13px;
}
.copyright {
	/* position: absolute; */
	/* bottom: 0; */
	/* left: 0; */
	width: 100%;
	height: 64px;
	font-size: 13px;
	line-height: 64px;
	text-align: center;
	color: #fff;
	border-top: 1px solid #ccc;
}
.copyright a {
	color: #fff;
}
.ewm {
	position: absolute;
	top: 60px;
	right: 60px;
}
.ewm {
	max-width: 120px;
}
.ewm span {
	display: block;
	padding-top: 5px;
	color: #fff;
	text-align: center;
}
/* 底部 end */
/* 多行 */
.multi-row {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/* 单行 */
.odd {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
body {
	/*height: 6000px;*/
}

/* 媒体查询 */
/* 1024像素 */
@media (max-width:1024px) {
	.nav_classify>a {
		padding: 0 8px;
		font-size: 12px;
	}
}
/* 768像素 */
@media (max-width:768px) {
	/* 头部 */
	.logo {
		width: 30%;
	}
	.logo a {
		width: 100%;
	}
	nav {
		width: 100%;
	}
	nav>ul>li a {
		font-size: 12px;
	}
}
/* 640像素 */
@media (max-width:640px) {
	 /* 头部 */
	 header {
		 position: relative;
		 background-color: initial;
	 }
	nav {
		display: none;
	}
	.more_nav {
		display: block;
	}
	/* 底部 */
	footer {
		height: initial;
		margin-top: 45px;
	}
	.navigation {
		display: none;
	}
	.relation {
		padding-top: 75px;
	}
	.ewm {
		max-width: 100px;
		top: 15px;
		right: 20px;
	}
	.ewm img {
		width: 100%;
	}
	.ewm span {
		font-size: 12px;
	}
	.copyright {
		position: initial;
		width: initial;
		height: initial;
		padding: 15px;
		margin-top: 9px;
		line-height: 25px;
		text-align: initial;
	}
}